<!doctype html>
<html>
<meta charset=utf-8>
<title>Manual drag and drop text</title>

<div contenteditable id="editable">Please select a part of the text in this editable,
    and then drag-and-drop the selected text to a different section of the textarea.

    It is expected that the event data should be null.

    If you see "insertFromDrop" events having null data, then the
    test passes.

    See https://www.w3.org/TR/input-events-1/#overview
</div>
<div id="out"></div>
<script>
    function getInputEventData(event) {
        const out = document.getElementById('out');
        const line = document.createElement('div');
        line.textContent = 'inputType: ' + event.inputType + ' eventData: ' + event.data;
        out.appendChild(line);
    }
    const editable = document.getElementById('editable');
    editable.addEventListener('input', getInputEventData);
</script>
</html>
